<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/Thanh_Masonry.css">
<link rel="stylesheet" type="text/css" href="css/Thanh_CSS.css">
<link rel="stylesheet" type="text/css" href="css/Thanh_Cart.css">

<script src="js/jquery-1.8.3.js"></script>
<script src="js/jquery.masonry.min.js"></script>
<title>Insert title here</title>
<script type="text/javascript">
	$(function() {
		$('#productContainer').masonry({
			// options
			itemSelector : '.products-box'
		});
	});
</script>
</head>
<body>
	<!-- 
<form action="UploadContr" method="post" enctype="multipart/form-data">
    <input type="text" name="description" />
    <input type="file" name="file" />
    <input type="submit" />
</form>
 -->
	<div id="productContainer">
		<%
			for (int i = 1; i < 10; i++) {
				//long random = Math.round(Math.random() * 250);
		%>
		<div class="products-box">
			<table>
				<tr>
					<td>
					</td>

					<td></td>
					<td>			
						<span  class="price">$245.00</span>
						<a rel="tooltip" title="Add to Cart" class="btn-cart slowTrans">&nbsp;</a>
						<a rel="tooltip" class="link-wishlist  slowTrans" title="Add to Wishlist">&nbsp;</a>
						<a rel="tooltip" class="link-compare  slowTrans" title="Add to Compare">&nbsp;</a>
					</td>
				</tr>
			</table>
		</div>
		<%
			}
		%>
	</div>
	
</body>
</html>